@charset "UTF-8";
/* ===========================================
Theme Name: Seedling Projects
Theme URI: http://seedlingprojects.org
Author: Hien Hoang (Noise 13)
Author URI: http://noise13.com
Last Modified: 04/2010
=========================================== */


* {
	margin: 0;
	padding: 0;
	color: #433f3f;
	}
	
html {height: 100%;}
	
body {
	background: #FFFFFF url("images/global/bg_head.jpg") top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
	}
	
/*===================================================================================
TEXT STYLES
===================================================================================*/
	
h1 {
	font: normal 3.13em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	line-height: .95em;
	padding-bottom: 10px;
	}
	
h2 {
	font: italic 1.31em Georgia, "Times New Roman", Times, serif;
	line-height: 1.25em;
	}
h2.sub_headline {font-size: 1em;}
	
h3 {
	font: normal 1.25em Georgia, "Times New Roman", Times, serif;
	padding-bottom: 30px;
	color: #292929;
	}
h3.s1 {padding-bottom: 5px; font-size: 1em;}
h3.s1 a {text-decoration: none; color: #db4f02;}

h4 {
	font: italic 1.13em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding-bottom: 25px;
	}
	
h5, h5 a, h5 a:visited {
	color: #90a93d;
	font: normal 1.25em Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	text-transform: none;
	padding-bottom: 20px;
	text-decoration: none;
	}
	
p {
	font-size: .75em;
	line-height: 1.5em;
	color: #000000;
	padding-bottom: 30px;
	}	
	
a, a:visited {
	color: #433f3f;
	text-decoration: underline;
	}
	
strong {font-weight: bold;}

em {font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;}
	
img {
	border: none;
	}
	
.shadow {
	background: transparent url("images/global/shadow_img.jpg") no-repeat bottom left;
	padding: 0px 3px 3px 0px;
	}
	
.strike {
	text-decoration: line-through;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

/*===================================================================================
STRUCTURE
===================================================================================*/
	
#container {
	min-height: 100%;
	position: relative;
	margin-bottom: -115px;
	}
	
#header {
	width: 1000px;
	height: 50px;
	background-color: #433f3f;
	}
	
a#logo {
	position: absolute;
	top: 15px;
	left: 25px;
	height: 56px;
	width: 358px;
	z-index: 500;
	}
	
#content, #content_contact {
	width: 100%;
	height: 415px;
	overflow: hidden;
	position: relative;
	} 
	
#content_contact {width: 100%; position: static;}
	
.sub {border-top: solid #433f3f 1px;}
	
#content_fixed, #content_fixed_home {
	width: 735px;
	padding: 60px 215px 0px 50px;
	height: 170px;
	}
#content_fixed_home {width: 970px;padding: 60px 0px 0px 50px; position: relative;}
	
.about {background: transparent url("images/global/header_about.gif") no-repeat right bottom;}
.projects {background: transparent url("images/global/header_projects.gif") no-repeat right bottom;}
.partners {background: transparent url("images/global/header_partners.gif") no-repeat right bottom;}
.press {background: transparent url("images/global/header_press.gif") no-repeat right bottom;}
.contact {background: transparent url("images/global/header_contact.gif") no-repeat right bottom;}
.blog {background: transparent url("images/global/header_blog.gif") no-repeat right bottom;}
	
#content_large {
	width: 450px;
	float: left;
	}
	
#content_small {
	width: 400px;
	float: right;
	padding: 0px 20px 0px 25px;
	position: relative;
	}
	
.home_event {
	padding: 20px 0px 0px 85px;
	border-top: solid #433f3f 1px;
	border-bottom: solid #433f3f 1px;
	background: transparent url("images/global/bg_home_event.gif") 0px 20px no-repeat;
	}
	
#content_blog {
	float: left;
	width: 100%;
	}
	
#fixed_blog { width: 640px; float: left;}
	
#sidebar {
	width: 200px;
	float: left;
	background-color: #eaeaea;
	padding: 25px;
	margin-left: 50px;
	}
	
#sidebar h1 {
	font: bold .65em Arial, Helvetica, sans-serif;
	padding-bottom: 12px;
	}
	
#sidebar ul {
	margin-bottom: 30px;
	list-style: none;
	}
	
#sidebar ul li a {
	text-transform: uppercase;
	font-size: .65em;
	text-decoration: none;
	color: #db4f02;
	font-weight: bold;
	display: block;
	padding-bottom: 3px;
	}
	
#sidebar ul li ul li a {
	text-transform: uppercase;
	font-size: .65em;
	text-decoration: none;
	color: #aeadad;
	font-weight: bold;
	display: block;
	padding: 0px 0px 3px 10px;
	}
	
#wrap_entry {
	width: 640px;
	margin-left: 60px;
	float: left;
	border-bottom: solid #bbb7b8 1px;
	}
	
.entry {
	width: 420px;
	padding-top: 25px;
	margin-right: 70px;
	float: left;
	}
	
.meta {
	float: left;
	width: 130px;
	padding: 25px 0px;
	}

.navigation {float: left; width: 640px; padding: 25px 0px 0px 60px;}
.alignleft, .alignright {width: 200px; font: bold .65em Arial, Helvetica, sans-serif; text-transform:uppercase;}	
.alignleft a, .alignright a {text-decoration: none; color:#db4f02;}
.alignleft {float: left;}
.alignright {float: right; text-align:right;}
	
/*===================================================================================
TWITTER
===================================================================================*/
	
#twitter_container {
	padding: 20px 0px 20px 85px;
	margin-top: 40px;
	background: transparent url("images/global/bg_twitter.gif") 0px 20px no-repeat;
	border-top: solid #433f3f 1px;
	clear: both;
	}
	
ul#twitter_update_list {
	list-style: none;
	}
	
ul#twitter_update_list li {
	font-size: .75em;
	color: #928c8c;
	line-height: 1.5em;
	}	
	
ul#twitter_update_list a {
	display: block;
	}
	
/*===================================================================================
NAVIGATION
===================================================================================*/
	
ul#main_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	width: 415px;
	height: 50px;
	}
	
ul#main_nav li {
	display: inline;
	font-size: 3px;
	}
ul#main_nav li.icon {
	text-indent: 0px;
	}
	
ul#main_nav a {
	display: block;
	font-size: 1px;
	text-decoration: none;
	background: transparent url("images/global/sprite_nav.gif") no-repeat;
	float: left;
	height: 50px;
	list-style-image: none;
	outline: none;
	}
	
ul#main_nav li#about a { 
	width: 60px; 
	left: 0;
	background-position: 0px 0px;
	}
ul#main_nav li#about a:hover { background-position: 0 -50px; }
ul#main_nav li#about a#current { background-position: 0 -100px; }

ul#main_nav li#projects a { 
	background-position: -60px 0px; 
	width: 69px; 
	left: 0; 
	}
ul#main_nav li#projects a:hover { background-position: -60px -50px; }
ul#main_nav li#projects a#current { background-position: -60px -100px; }

ul#main_nav li#partners a { 
	width: 72px; 
	left: 0;
	background-position: -129px 0px;
	}
ul#main_nav li#partners a:hover { background-position: -129px -50px; }
ul#main_nav li#partners a#current { background-position: -129px -100px; }

ul#main_nav li#press a { 
	width: 53px; 
	left: 0;
	background-position: -201px 0px;
	}
ul#main_nav li#press a:hover { background-position: -201px -50px; }
ul#main_nav li#press a#current { background-position: -201px -100px; }

ul#main_nav li#contact a { 
	background-position: -254px 0; 
	width: 61px; 
	left: 0; 
	}
ul#main_nav li#contact a:hover { background-position: -254px -50px; }
ul#main_nav li#contact a#current { background-position: -254px -100px; }

ul#main_nav li#blog a { 
	background-position: -315px 0; 
	width: 53px; 
	left: 0; 
	}
ul#main_nav li#blog a:hover { background-position: -315px -50px; }
ul#main_nav li#blog a#current { background-position: -315px -100px; }

ul#main_nav li#twitter a { 
	background-position: -368px 0; 
	width: 32px; 
	left: 0; 
	}
ul#main_nav li#twitter a:hover { background-position: -368px -50px; }

ul#main_nav li#facebook a { 
	background-position: -400px 0; 
	width: 15px; 
	left: 0; 
	}
ul#main_nav li#facebook a:hover { background-position: -400px -50px; }
	
/*===================================================================================
SUB-NAVIGATION
===================================================================================*/

ul#sub_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#sub_nav li {
	padding-bottom: 4px;
	}
	
ul#sub_nav a, ul#sub_nav a:visited {
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	color: #db4f02;
	text-decoration: none;
	}
	
ul#sub_nav a:hover, ul#sub_nav a#current {
	color: #933502;
	}
	
ul#sub_nav li.contact_twitter a,
ul#sub_nav li.contact_facebook a,
ul#sub_nav li.contact_delicious a {
	padding-left: 30px;
	font: bold .65em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
ul#sub_nav li.contact_twitter {background: transparent url("images/global/contact_twitter.jpg") no-repeat;}
ul#sub_nav li.contact_facebook {background: transparent url("images/global/contact_facebook.jpg") no-repeat;}
ul#sub_nav li.contact_delicious {background: transparent url("images/global/contact_delicious.jpg") no-repeat;}
	
/*===================================================================================
SCROLL
===================================================================================*/
	
ul.scroll, 
ul.scroll_projects,
ul.scroll_press,
ul.scroll_partners {
	height: 415px;
	list-style: none;
	width: 900000px;
	margin-left: 50px;
	}
	
ul.scroll_press,
ul.scroll_partners { margin-left: 70px;}
	
ul.scroll li,
ul.scroll li.advisory, 
ul.scroll li.text_block_first, 
ul.scroll_projects li,
ul.scroll_press li,
ul.scroll_partners li {
	background-color: #eaeaea;
	width: 935px;
	padding: 50px 0px;
	height: 315px;
	float: left;
	}

ul.scroll_partners li.advisory { padding: 10px 50px 0px 0px;}
	
ul.scroll li {padding-top: 0px;height: 365px;}
ul.scroll li.prlist {width: 350px;background-color:#cecccc;}
ul.scroll h3 {padding: 50px 0px 30px 35px;}
ul.scroll p, ul.scroll p.ralign {display: block;padding-left: 35px;}
ul.scroll p.ralign {padding-right: 35px;}

ul.scroll li ul {
	padding: 0px 25px 0px 35px;
	margin: 0;
	list-style: none;
	width: 350px;
	}
	
ul.scroll li ul li {
	padding: 0px 0px 5px 15px;
	background: transparent url("images/global/bullet.gif") 0px 2px no-repeat;
	color:#000000;
	float: none;
	display: block;
	width: 350px;
	font-size: .75em;
	height: 100%;
	}
	
ul.scroll_projects {margin-left: 45px;}
	
ul.scroll_projects li, 
ul.scroll_projects li.white, 
ul.scroll_projects li.text, 
ul.scroll_projects li.image {
	background-color: #292929;
	width: 280px;
	margin: 0px 10px;
	padding: 0px;
	height: 415px;
	}

ul.scroll_projects li.white {
	background-color: #FFFFFF; 
	padding: 50px 25px 25px 25px; 
	width: 250px; 
	height: 365px;
	}
	
ul.scroll_projects li.white p {color: #433f3f; padding: 0px;}
ul.scroll_projects li.white h3 {color: #433f3f; padding-bottom: 5px; font-size: 1.45em;}
ul.scroll_projects li.text { padding: 50px 25px 25px 25px; margin: 0px; width: 250px; height: 365px;}
ul.scroll_projects li.single_image {background-color: #FFFFFF; padding: 0px; margin: 0px; width:450px;}
	
ul.scroll_projects li h1,
ul.scroll_home li h1, 
ul.scroll_press li h1, 
ul.scroll_partners li h1 {
	color: #90a93d;
	font-size: 1.13em;
	line-height: 1em;
	text-transform: none;
	padding: 15px 20px 5px 20px;
	}
	
ul.scroll_press li h1, 
ul.scroll_partners li h1 {
	font-size: 1.25em;
	padding: 25px 0px 5px 0px;
	}
ul.scroll_press li h1 {padding: 0px 0px 5px 0px;}
ul.scroll_press li h3 {padding-bottom: 5px;}
	
ul.scroll_projects li p {
	color: #FFFFFF;
	padding: 0px 20px 0px 20px;
	}
ul.scroll_projects li.text p {padding: 0px;}
	
ul.scroll_projects li a.more, ul.scroll_projects li a.more:visited,
ul.scroll_press li a.more, ul.scroll_press li a.more:visited,
ul.scroll_partners li a.more, ul.scroll_partners li a.more:visited {
	color: #db4f02;
	text-decoration: none;
	font-size: .80em;
	padding: 0px 20px 20px 20px;
	font-style: italic;
	}
ul.scroll_press li a.more, ul.scroll_press li a.more:visited,
ul.scroll_partners li a.more, ul.scroll_partners li a.more:visited {padding: 0px;}
	
ul.scroll_press li a, ul.scroll_press li a:visited,
ul.scroll_partners li a, ul.scroll_partners li a:visited {
	padding: 0px 0px 0px 0px;
	}
	
ul.scroll_projects li a.image,  ul.scroll_projects li a.image:visited {padding: 0px;}
	
ul.scroll li.text_block_first {margin-left: 0px;}

ul.scroll_press li, ul.scroll_partners li {
	background-color: #FFFFFF;
	width: 370px;
	padding-right: 40px;
	}
	
p.date, p.date a, p.date a:visited {color: #afaeae; padding-bottom: 5px; font-weight: bold; text-decoration: none;}

ul.scroll_partners li p, ul.scroll_press li p {padding-bottom: 0px;}

#home_wrap {
	float: left;
	overflow: auto;
	height: 270px;
	margin-bottom: 40px;
	width: 400px;
	}
	
ul.scroll_home {
	list-style: none;
	z-index: 200;
	width: 900000px;
	}
	
ul.scroll_home li {
	background-color: #292929;
	width: 193px;
	height: 270px;
	float: left;
	margin: 0px 5px 0px 0px;
	}
	
ul.scroll_home li h1 {
	padding: 10px;
	}

div, ul, li {
    zoom: 1;
}

ul ul,
ul ul li {
    zoom: 0;
}

#snext, #sprev {
   width: 20px;
   position: absolute;
   right: 0;
   top: 100px;
   z-index: 999;
   float: left;
   }
   
#sprev {left: 0; top: 100px; }

* html #snext {
  display: none;
  }

#next, #prev {
   width: 62px;
   /*background: url("images/global/arrow_right.png") no-repeat top left;*/
   position: absolute;
   right: 0;
   top: 280px;
   z-index: 999;
   float: right;
   }
   
#prev {left: 0; top: 280px; }

* html #next {
  display: none;
  }
  
.float_left { float: left; margin-right:25px; }
.float_right { float: right; margin-left:25px; }

/*======================================================================
FORM
======================================================================*/
form.cmxform fieldset, #commentform {
	margin-bottom: 10px;
	border: none;
	padding: 0;
	margin-left: 60px;
	width: 635px;
	float: left;
	background-color: #eaeaea; 
	}
	
form.cmxform label, #commentform label {
  	display: inline-block;
	font: bold .63em Arial, Helvetica, sans-serif;
	color: #928c8c;
	margin: 0px 10px 0px 3px;
	text-transform: uppercase;
	}
	
form.cmxform fieldset ul, #commentform ul {
  	margin: 0;
  	padding: 25px;
	background-color: #eaeaea;
	float: left;
	}
	
form.cmxform fieldset li, form.cmxform fieldset li.option, #commentform li {
  	list-style: none;
  	padding: 2px;
  	margin-bottom: 10px;
	background-color: #FFFFFF;
	width: 500px;
	}
	
form.cmxform fieldset li.option {background-color: #eaeaea; padding: 0px; width:506px;float: left;}

form.cmxform input, form.cmxform textarea, 
#commentform input, #commentform textarea {
	border: solid #FFFFFF 1px;
	}
	
form.cmxform textarea {width:480px;height: 145px; padding: 0px 3px;}
	
form.cmxform .submit, #commentform .submit {
	float: left;
	}
	
form.cmxform .btn_submit, #commentform .submit {
	display: block;
	border: none;
	color: #FFFFFF;
	background-color: #90a93d;
	padding: 5px 8px;
	float: right;
	font: italic .85em Georgia, "Times New Roman", Times, serif;
	}
	
form.cmxform .required {
	float: left;
	width: 200px;
	color: #898989;
	font-size: .70em;
	}
	
.contact_form {
	width: 625px;
	float: left;
	height: 365px;
	background-color: #eaeaea;
	padding: 25px;
	margin-left: 50px;
	}
	
.contact_info {
	background-color: #d8d6d6;
	height: 365px;
	width: 250px;
	padding: 25px;
	float: left;
	}
	
.commentlist {
	border-top: solid #eaeaea 1px;
	list-style: none;
	float: left;
	}

.commentlist li {
 	padding: 10px 0px;
	border-bottom: solid #eaeaea 1px;
	float: left;	
	}
	
.commentlist li p { float: right;display: block;width:380px;padding-bottom: 15px;}
.commentlist li p.comment_meta {padding-bottom: 0px; }
	
#commentlist li .avatar {
	float: left;
	margin-right: 25px;
	}

.commentlist a, .commentlist a:visited {
	color:#db4f02;
	text-decoration:none;
	}

.commentlist a:hover, .commentlist a:active {
	text-decoration:underline;
	}
	
#respond { padding-top: 40px; width: 420px; margin-left: 60px;}
#commentform {padding: 25px; background-color: #eaeaea;float:left;margin-top: 40px; margin-left:60px; width: 370px;}
#commentform ul {padding: 0px;float: left;}
#commentform li {width: 370px;}
#commentform textarea {width: 370px;}
#respond h1 {
	margin: 40px 0px 20px 0px; 
	font: bold .65em Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	display: block; 
	background-color: #433f3f;
	float: left;
	padding: 3px 5px;
	width: 410px;
	}

/*===================================================================================
FOOTER
===================================================================================*/
	
#footer {
	width: 100%;
	height: 115px;
	position: relative;
	}
	
#footer p, #footer p.home {
	color: #928c8c;
	text-transform: uppercase;
	font-size: .65em;
	float: left;
	padding: 65px 0px 0px 90px;
	}
	
#footer p.home {padding-left: 0px;}

.foot_image {
	position: absolute;
	bottom: 0;
	width: 135px;
	height: 115px;
	left: 35;
	text-indent: -90000px;
	background: transparent url("images/global/plant.gif") no-repeat bottom;
	}
	
#footer_left {
	float: left;
	width: 677px;
	background: transparent url("images/global/bg_footer_left.gif") no-repeat left bottom;
	padding-left: 50px;
	height: 115px;
	}
	
#footer_right {
	float: right;
	width: 200px;
	background: transparent url("images/global/bg_footer_right.gif") no-repeat right bottom;
	height: 115px;
	padding-right: 50px;
	}

/*===================================================================================
FIX
===================================================================================*/
	
.clear {
	clear: both;
	}
	
.clearfooter {height: 100px;
clear: both;}